<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta charset="UTF-8">
    <!--<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>-->
    <meta name="viewport" content="width=640,user-scalable=no,target-densitydpi=320">
    <meta http-equiv="Content-Type" content="textml; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="author" content=""/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="MobileOptimized" content=""/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="format-detection" content="telephone=yes"/>
    <!-- no cache -->
    <meta http-equiv="cache-control" content="max-age=0">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT">
    <meta http-equiv="pragma" content="no-cache">
    <title>阳光乐选</title>
    <link rel="stylesheet" href="css_pk/layout_old.css">
    <link rel="stylesheet" href="css_pk/swiper.min.css">
    <style>
        .hhhh{ position:fixed; top:-80px; left:5%; z-index:9999; width: 90%; padding: 15px 0px; background-color: #ddd; border: 1px solid #b10000; margin: auto; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; box-shadow: 0px 0px 2px #999999; -ms-box-shadow: 0px 0px 2px #999999; -webkit-box-shadow: 0px 0px 2px #999999; -moz-box-shadow: 0px 0px 2px #999999; -o-box-shadow: 0px 0px 2px #999999; margin-top: 20px; color: #000; font-size: 20px; font-weight: bold; text-align: center; border: 2px solid #fff; }
        .load1{
            position: fixed;
            top:38%;
            left:43%;
            z-index:999;
            display:none;
        }
        .load2{
            position: fixed;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.78);
            display: none;
            /*opacity: 0;*/
            z-index:999;
        }
        .loadclose{
            width: 48px;
            height: 48px;
            background: url(images/loadclose.png) no-repeat center center;
            background-size: 100% 100%;
             margin-top: 28.125%;
            margin: 28.125% auto 3.125%;
        }
        .loadtop{
            margin: 0 auto;
            width: 390px;
            height: 320px;
            background: url(images/loadTop.png) no-repeat center center;
            background-size: 100% 100%;
        }
        .loadbot{
            margin: 0 auto;
            width: 360px;
            height: 52px;
            background: url(images/loadbot.png) no-repeat center center;
            background-size: 100% 100%;
            margin-top: -26px;
            margin-right:136px;
        }
    </style>
</head>
<body>
<div class="hhhh"></div>

<div class="load1">
    <img src="images/load1.png">
</div>
<div class="load2">
    <div class="loadclose"></div>
    <div class="loadtop"></div>
    <div class="loadbot"></div>
</div>

<link rel="subresource" href="images/zhuli_b.png">
<link rel="subresource" href="images/buzhuo_f.pn">
<div style="display:none;"><img src='images/shareImg.jpg'/></div>
<!-- 分享朋友圈 -->
<div id="mcover" onclick="document.getElementById('mcover').style.display='';" style="display:none;">
    <img src="images/mShare.png">
</div>
<div class="wrapper">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide" style="background: rgba(0,0,0,0);">
                <a href="#">
                    <img src="images/slide_img1.png" alt="">
                </a>
            </div>
            <!--<div class="swiper-slide" style="background: rgba(0,0,0,0);">-->
                <!--<a href="#">-->
                    <!--<img src="images/slide_img2.jpg" alt="">-->
                <!--</a>-->
            <!--</div>-->
            <!--<div class="swiper-slide" style="background: rgba(0,0,0,0);">-->
                <!--<a href="#">-->
                    <!--<img src="images/slide_img3.jpg" alt="">-->
                <!--</a>-->
            <!--</div>-->
        </div>
        <!--<div class="swiper-pagination"></div>-->
    </div>

    <ul class="menu">
        <li style="top: -90px;left: 10px;"><a href="rule.html"><img src="images/txt1.png" alt=""></a></li>
        <li style="top: -90px;left: 42px;"><a href="rank.html"><img src="images/rank.png" alt=""></a></li>
        <li style="left:-16px;top: 102px;" id="making"><a href="javascript:;"><img src="images/txt6.png" alt="" ></a></li>
        <li style="top: -42px;left:347px;"><a href="javascript:;" onclick="document.getElementById('mcover').style.display='block';">
            <img src="images/txt3.png" alt=""></a></li>
        <li style="top: -164px;left:255px;overflow: hidden">
            <!--<?php if(关注了){ ?>-->
            <a href="fly.html"style="margin-bottom: 10px;">
               <!--onclick="$('.submit_cover').css({'opacity':1,'z-index':999})"-->

                <img src="images/txt4.png" alt="">
            </a>
            <!--<?php }else{ ?>-->
            <!--我也要参加-->
            <a href="index.html"><img src="img/txt5.png" alt=""></a>
            <!--<?php }?>-->
        </li>
    </ul>



    <div class="erWeiMaBox">
        <div class="topPic">
            <!--	 		  <div class="logoBox"><img src="img/logoPic.png" class="logoImgPic">
                             <div class="nm">2</div>
                          </div> -->
            <!-- 头像 -->
            <div class="nameBox">
                <div class="nameJi">
                    <!--<img src="img/ji.png">-->
                </div>
                <div class="nameImg" style="text-align:center; position:relative; width:90px;">
                    <div class="Img01" style="
                background:url(images/tx1.png) no-repeat left top;
                background-size: cover;
                           border:1px solid #fff; overflow:hidden;"></div>
                    <p class="text">1000</p>
                    <p class="text2">DONNEY</p>
                    <!--<p class="text3">的食神荣耀</p>-->
                    <img src="images/icon06.png" class="icon06">
                </div>

            </div>
        </div>
        <!--<img src="images/textPic.png" class="textPic">-->
        <!--<a href="#" style="display: block;width: 200px;height: 200px;position: absolute;right: 0;">-->
        <!--<img src="img/m.png" class="erWEiMa">-->
        <!--</a>-->
    </div>

    <div class="refueling-notes">
        <ul class="refueling-notes-title-update">
            <li id="zhuli" class="zhuli_f"></li>
            <!--<li id="buzhuo" class="buzhuo_b"></li>-->
        </ul>
        <ul class="refueling-notes-content" style="">
            <li>
                <div class="imgBox-m">
                    <div class="rank-info-img" style="background: url(images/tx2.png) no-repeat center center;
    background-size: 100% 100%;"></div>
                </div>
                <div class="starBox">
                    <p class="starText">10</p>
                    <p class="star"></p>
                </div>
                <div class="refueling-notes-right">
                    <ul class="refueling-friends-info">
                        <li>FROZE</li>
                        <li>12-14</li>
                        <li>14:48</li>
                    </ul>
                    <div class="refueling-friends-comments">
                        <div class="text">
                            <php>只要零食给到位，工作多难无所谓！</php>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="imgBox-m">
                    <div class="rank-info-img" style="background: url(images/tx2.png) no-repeat center center;
    background-size: 100% 100%;"></div>
                </div>
                <div class="starBox">
                    <p class="starText">10</p>
                    <p class="star"></p>
                </div>
                <div class="refueling-notes-right">
                    <ul class="refueling-friends-info">
                        <li>FROZE</li>
                        <li>12-14</li>
                        <li>14:48</li>
                    </ul>
                    <div class="refueling-friends-comments">
                        <div class="text">
                            <php>只要零食给到位，工作多难无所谓！</php>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="imgBox-m">
                    <div class="rank-info-img" style="background: url(images/tx2.png) no-repeat center center;
    background-size: 100% 100%;"></div>
                </div>
                <div class="starBox">
                    <p class="starText">10</p>
                    <p class="star"></p>
                </div>
                <div class="refueling-notes-right">
                    <ul class="refueling-friends-info">
                        <li>FROZE</li>
                        <li>12-14</li>
                        <li>14:48</li>
                    </ul>
                    <div class="refueling-friends-comments">
                        <div class="text">
                            <php>只要零食给到位，工作多难无所谓！</php>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="imgBox-m">
                    <div class="rank-info-img" style="background: url(images/tx2.png) no-repeat center center;
    background-size: 100% 100%;"></div>
                </div>
                <div class="starBox">
                    <p class="starText">10</p>
                    <p class="star"></p>
                </div>
                <div class="refueling-notes-right">
                    <ul class="refueling-friends-info">
                        <li>FROZE</li>
                        <li>12-14</li>
                        <li>14:48</li>
                    </ul>
                    <div class="refueling-friends-comments">
                        <div class="text">
                            <php>只要零食给到位，工作多难无所谓！</php>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="imgBox-m">
                    <div class="rank-info-img" style="background: url(images/tx2.png) no-repeat center center;
    background-size: 100% 100%;"></div>
                </div>
                <div class="starBox">
                    <p class="starText">10</p>
                    <p class="star"></p>
                </div>
                <div class="refueling-notes-right">
                    <ul class="refueling-friends-info">
                        <li>FROZE</li>
                        <li>12-14</li>
                        <li>14:48</li>
                    </ul>
                    <div class="refueling-friends-comments">
                        <div class="text">
                            <php>只要零食给到位，工作多难无所谓！</php>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <!--<p class="djTxt">点击量：9999</p>-->
<img src="images/foot.png" style="margin: 0 auto;padding-bottom: 10px;">
</div>

</body>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript">
//    $(function () {
//        var mySwiper = new Swiper('.swiper-container', {
//            pagination: '.swiper-pagination',
//            loop: true,
//            grabCursor: true,
//            paginationClickable: true,
//            autoplay: 3000,
//            active: true
//        });
//        验证码按钮
//        var msgs = document.getElementById("msgs");

        var validCode=true;
        $("#msgs").click (function  () {
            var time=30;
            var code=$(this);
            if (validCode) {
                validCode=false;
                code.addClass("msgs1");
                var t=setInterval(function  () {
                    time--;
                    code.html(time+"秒");
                    if (time==0) {
                        clearInterval(t);
                        code.html("重新获取");
                        validCode=true;
                        code.removeClass("msgs1");
                    }
                },1000)
            }
        });

        $(".stxt").click(function (event) {
            event.stopPropagation();
        });
        $("#btn").click(function (event) {
            event.stopPropagation();
            $("#fanBox1").hide();
            $("#fanBox2").show();
        });
        var viewHeight = window.innerHeight;
//        var submit_cover = $(".submit_cover");
        var viewHeight_submitCover = $("#submit_bg").height();
        var viewWidth_submitbg = $("#submit_bg").width();
        var J_smscode_height = $("#J_smscode").height();
        console.log(J_smscode_height);
        $("#J_smscode").css("line-height",J_smscode_height+"px");
        console.log(viewHeight);
        console.log(viewHeight_submitCover);
        console.log(viewWidth_submitbg);
        $("input").focus(function () {

            $("body").css("height", viewHeight);
            if(/Android [4-7]/.test(navigator.appVersion)) {

                $("#submit_bg").css({
                    "height": viewHeight_submitCover,
                    "position": "fixed",
                    "left": "50%",
                    "margin-left": -viewWidth_submitbg / 2
                });
                $("#close").css("margin-top","0");
            }

        }).blur(function () {

            $("body").css("height", viewHeight);
            if(/Android [4-7]/.test(navigator.appVersion)) {
                $("#submit_bg").css({
                    "height": viewHeight_submitCover,
                    "position": "",
                    "margin": "0 auto"
                });
                $("#close").css("margin-top", "28.125%");
            }

        });
        var clicktxt6 = function () {
            $(".submit_cover").show();
        };
        $("#close").on("click",function(){
            console.log("click closeBtn");
            $(".submit_cover").css({'opacity':0,'z-index':0});
        });



    $("#J_regist").click(function () {
        if(!$(this).hasClass("disable")){
            checkMobileForm(2, function(result){
                show_message("注册成功");
            });
        }
    });


    function checkMobileForm(step, callbcak){
        //$('.hhhh').show();
        var post = {
            mobile      : $("#mobile").val(),
            true_name   : $("#true_name").val(),
            smscode     : $("#smscode").val(),
        };
        var regMobile = /^0?1(3|5|7|8)\d{9}$/;
        var error     = '';
        if(post.true_name == ""){
            error = "姓名不能为空";
        }else if(post.mobile == ""){
            error = "手机号不能为空";
        }else if(!regMobile.test(post.mobile)){
            error = "手机号格式错误";
        }else if(post.smscode == ""){
            error = "验证码不能为空";
        }else{
            error = "";
        }
        if(error){
            //alert(error);
            show_message(error);
        }else{
            $.post("{:U('scanPK2017/Settings/member_msg')}", post, function(result){
                var data = result.data;
                if(parseInt(result.status)){
                    show_message(data);
                    setTimeout(myrefresh2(),3000);
                }else{
                    show_message(data);
                    //setTimeout(myrefresh(),3000);
                }

            }, 'json');
        }
    }

    function show_message(msg){
        $('.hhhh').show();
        $('.hhhh').html(msg);
        $('.hhhh').animate({top:50},1000,function(){
            window.setTimeout(hide_message(),4000);
        });
    }

    function hide_message(){
        $('.hhhh').animate({top:-80},300);
        $('.hhhh').hide();
    }


    $("#J_smscode").click(function () {
//        $("#smscode").focus();
        if($(this).hasClass("disable")){
            show_message("验证码已发送，请稍后再试");
        }else{
            sendSmsCode($("#mobile").val());
        }
    });


    /**
     *	发送短信验证码
     */
    function sendSmsCode(phone){
        $('.hhhh').show();
        var regMobile=/^0?1(3|5|8|7)\d{9}$/;
        if(phone == ""){
            show_message("手机号不能为空");
        }else if(!regMobile.test(phone)){
            show_message("手机号格式错误");
        }else{
            //防止重发
            disableItem("J_smscode");

            $.post("{:U('scanPK2017/Settings/check_mobile')}", {mobile:phone}, function(result){
                var data = result.data;
                if(data.exist){
                    enableItem("J_smscode");
                    show_message("手机号已存在");
                }else{
                    //发送短信号码
                    $.post("{:U('scanPK2017/Settings/send_sms')}", {mobile:phone}, function(result){
                        var data = result.data;
                        if(data.status){ //发送成功
                            show_message("发送成功请查收");
                            disableItem("J_smscode");
                            var seed  = 60, timer = setInterval(function(){
                                seed --;
                                $("#J_smscode").html(seed + "秒");
                                if(seed<=0){
                                    enableItem("J_smscode");
                                    $("#J_smscode").html("重获验证码");
                                    clearInterval(timer);
                                }
                            }, 1000);
                        }else{
                            enableItem("J_smscode");
                            show_message("发送失败请重试");
                        }
                    }, 'json');
                }
            },'json');
        }
    }


    function disableItem(obj){
        $("#"+obj).prop("disabled", true).addClass("disable");
    }
    function enableItem(obj, html){
        $("#"+obj).prop("disabled", false).removeClass("disable");
    }

    function myrefresh(){
        location.reload();
    }

    function myrefresh2(){
        var my_url2 = "{:U('scanPK2017/Settings/show_qrcode')}";
        window.location.href = my_url2;
    }
//    var btnZL = $("#zhuli"),btnBZ=$("#buzhuo");
//    btnZL.click(function () {
//        console.log('zhuli');
//        this.className = 'zhuli_f';
//        $("#buzhuo").attr('class','buzhuo_b');
//        $(".refueling-notes-content-buzhuo").hide();
//        $(".refueling-notes-content").show();
//    });
//    btnBZ.click(function () {
//        console.log('buzhuo');
//        this.className = 'buzhuo_f';
//        $("#zhuli").attr('class','zhuli_b');
//        $(".refueling-notes-content").hide();
//        $(".refueling-notes-content-buzhuo").show();
//    })
</script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript">
    var title_s = "";
    var content_s = "";
    var img = "images/shareImg.jpg";
    var link = "{:U('scanPK/Settings/person')}&openid={$info['openid']}";
    function _report() {

    }
</script>
<script>
    $(function(){
        $("#making").click(function(){
            $(".load1").show();
            setTimeout(changeBtn,2000)
        });
        function changeBtn(){
            $(".load1").fadeOut();
            $(".load2").fadeIn()
        }
        $(".loadclose").click(function(){
            $(".load2").fadeOut()
        });
        $(".loadbot").click(function(){
            $(".load2").fadeOut();
        })
    })
</script>
<include file="footer"/>